<template>
  <div>
    <div class="vue-share">
      <img src="/src/assets/share/share-reg.png">
      <img :src="flagUser" class="user-left">
      <img :src="user" class="user-right">
    </div>
  </div>
</template>

<script>
  export default {
    name: 'ShareReg',
    data () {
      return {
        user: '',
        flagUser: ''
      }
    },
    methods: {
      getFlagUser () {
        let params = {flag_user: this.$route.query.flag_user}
        this.$post('/vue/share/share_reg', params).then(data => {
          this.user = data.user.headimgurl
          this.flagUser = data.flag.headimgurl
        })
      }
    },
    mounted () {
      this.getFlagUser()
    }
  }
</script>

<style lang="less">
  .vue-share {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    img {
      width: 100vw;
      height: auto;
    }
    .user-left, .user-right {
      width: 16vw;
      height: 16vw;
      position: absolute;
      top: 45vw;
      border-radius: 100%;
      z-index: 2;
    }
    .user-left {
      left: 28vw;
    }
    .user-right {
      left: 55vw;;
    }
    .modal {
      position: absolute;
      width: 100%;
      height: auto;
      z-index: 2;
    }
  }
</style>